<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        html的语法
            双标签 <标签名称 属性="属性值"....></标签名称>
            单标签 <标签名称 属性="属性值".... />

        css的语法
            选择器{属性:属性值; 属性2:属性值2;......}
                如：.box{
                     width:200px;  
                     height:200px;
                     background-color:pink;
                    }
                注意
                    1，冒号前面是属性，冒号后面是属性值（属性值不加双引号）
                    2，以;结束的
                    3, 不分先后顺序
                    4，添加空格或者换行不影响属性的显示
                    5,属性值如果是数字，除非特殊要求（0），否则都要加单位         
     
                    
                改哪个标签就给哪个标签添加属性    
     -->
     <style>

     </style>
     <link rel="stylesheet" href="style.css">
</head>
<body>
    <div>
        <ul>
            <li></li>
        </ul>
    </div>
    <p class="box">你好</p>
</body>
</html>